/*
If the colors do not suit you, feel free to change them.  My main focus of the
application is the functionality, not how pretty it looks.  You are more than
welcome to change any style found here.
*/

/* Standard HTML */
body
{
  background-color: #253546;
	margin: 0px;
	padding: 0px;
}

/* No image should have a border when linked */
a img{ border: 0; }
/* Normal, standard links. */
a:link, a:visited
{
	color: #4a93f6;
	text-decoration: none;
}
a:hover
{
	color: #FFF;
	text-decoration: none;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th, tr
{
	color: #C6C6C6;
	font-size: small;
	font-family: verdana, sans-serif;
}
/* The main body of the entire forum. */

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	background: #253546;
	border: 1px solid #000000;
	color: white;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
}
input, button
{
	font-size: 90%;
}
textarea
{
	font-size: 100%;
	color: #FFFFFF;
	font-family: verdana, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	background: #253546;
	border: 1px solid #000000;
	color: white;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
  height: 1px;
  border: 0;
  color: #666666;
  background-color: #666666;
}

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: none;
}

/* End Standard HTML */

#container {
  margin: 0px 75px 0px 75px;
  text-align: left;
  border: 1px solid #000000;
  background-color: #17212b;
  padding: 0px 30px 30px 30px;
}

#logo {
  margin: 4px;
  text-align: left;
}

#footer {
  margin: 20px 0px 5px 0px;
  padding: 5px 5px 5px 10px;
  border: 1px solid #696464;
  background-color: #253546;
  text-align: center;
  font-size: 10px;
}

#navBar {
  position: relative;
  top: -8px;
  left: -40px;
  width: 99%
  font-size:93%;
  margin: auto;
  line-height:normal;
  height: 44px;
}

#navBar ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
}

#navBar li {
  display:inline;
  margin:0;
  padding:0;
}

#navBar a {
  float:left;
  margin:0px 2px 0px 2px;
  padding:2px 2px 2px 2px;
  text-decoration:none;
  border: 1px solid #696464;
  background-color: #253546;
}
#navBar a:hover {
  background-position:0% -42px;
  border: 1px solid #696464;
  background-color: #17212b;
}

#tableHead {
  padding: 5px 5px 5px 10px;
  background-color: #253546;
}

#tableBottom {
  position: relative;
  padding: 5px 5px 5px 10px;
  background-color: #253546;
}

#search {
  padding: 5px 0px 10px 0px;
}

.error {
  color: red;
}

.rowColor1, .colColor1 {
  color: #f3ecdd;
	background-color: #283846;
	font-family: "Trebuchet MS",verdana, sans-serif;
}

.rowColor2, .colColor2 {
  color: #d4d8dc;
	background-color: #1F2F3D;
	font-family: "Trebuchet MS",verdana, sans-serif;
}



/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	font-weight: bold;
	background-color: transparent;
	background-image: url(images/catbg.jpg);
	background-repeat: x-repeat;
	color: #FFF;
	height: 17px;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
	background-image: url(images/catbg.jpg);
	background-color: #A1BFD9;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
	background-repeat: repeat-x;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: #FFF;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: #FFF;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #696464;
	padding: 0px;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 1px;
	border: 1px solid #696464;
	margin-top: 0pt;
	width: 100%;
}
